<template>
	<view class="page-index" v-if="loading">
		<view class="card-box">
			<view class="top">
				<view class="borradio">

				</view>
				投诉标题
			</view>
			<view class="bottom">
				{{info.name}}
			</view>
		</view>
		<view class="card-box">
			<view class="top">
				<view class="borradio">
		
				</view>
				投诉内容
			</view>
			<view class="bottom">
				{{info.text}}
			</view>
		</view>
		<view class="card-box">
			<view class="top">
				<view class="borradio">
		
				</view>
				联系电话
			</view>
			<view class="bottom">
				{{info.phone}}
			</view>
		</view>
		<view class="card-box">
			<view class="top">
				<view class="borradio">
		
				</view>
				当前状态
			</view>
			<view class="bottom">
				<text v-if="info.zt ==0">处理中</text>
				<text v-if="info.zt ==1">已完成</text>
			</view>
		</view>
	</view>
</template>

<script>
	import * as index from '@/api/index.js'
	export default {
		data() {
			return {
				loading:false,
				info: {}
			}
		},
		onLoad(params) {
			this.tsjyInfo(params.id)
		},
		methods: {
			tsjyInfo(id) {
				index.tsjyInfo({
					id: id
				}).then(res => {
					this.info = res.tsjy
					this.loading = true
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.page-index {
		padding: 40rpx 20rpx;

		.card-box {
			background: #fff;
			padding: 36rpx 20rpx;
			border-radius: 16rpx;
			margin-bottom: 31rpx;
			.top {
				display: flex;
				align-items: center;
				font-size: 36rpx;
				color: #666;
				padding-bottom: 21rpx;
				border-bottom: 2rpx solid #E9E9E9;

				.borradio {
					margin-right: 16rpx;
					width: 20rpx;
					/* 宽度 */
					height: 20rpx;
					/* 高度 */
					border-radius: 25px;
					/* 边角半径 */
					border: 5px solid #336DE8;
					/* 边框 */
				}
			}

			.bottom {
				padding-top: 21rpx;
				margin-left: 53rpx;
			}
		}
	}
</style>